<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../css/common/common.css"/>
		<link rel="stylesheet" type="text/css" href="../css/activity/essay.css"/>
		<link rel="stylesheet" type="text/css" href="../css/swiper.min.css"/>
		<script src="../js/prefixfree.min.js" type="text/javascript" charset="utf-8"></script>
		
		<script type="text/javascript" src="../js/swiper.min.js" ></script>
		
		<title>通告详情</title>
	</head>
	<body>
		<header>
			<div class="issue-head1 fl">
				<a href="recruit.html"><img src="../img/activity/can2-phone/xiaoyu.png"/></a>
			</div>
			<div class="issue-head2 fr">
				<img class="fl" src="../img/activity/can-phone/can-phone-xin.png"/>
				<img src="../img/activity/essay/shenglue.png"/>
			</div>
			<div class="issue-head3">
				<p>活动详情</p>
			</div>
		</header>
		<!---->
		<section>
			<div class="essay-banan swiper-container">
				<div class="essay-banan1 swiper-wrapper">
					<div class="essay-banan2 swiper-slide">
						<img src="../img/activity/essay/essay-banan.jpg"/>
					</div>
					<div class="essay-banan2 swiper-slide">
						<img src="../img/activity/can-phone/can-phone1.jpg"/>
					</div>
					<div class="essay-banan2 swiper-slide">
						<img src="../img/activity/essay/essay-banan.jpg"/>
					</div>
					<div class="essay-banan2 swiper-slide">
						<img src="../img/activity/can-phone/can-phone1.jpg"/>
					</div>
				</div>
			</div>
			<script>
		    var swiper = new Swiper('.swiper-container',{
			    		autoplay:1000,
			    		loop:true
			  });
		    </script>
			<!---->
			<div class="essay-bind">
				<div class="essay-bind1 fl">
					<img src="../img/activity/essay/essay1.png"/>
				</div>
				<div class="essay-bind2">
					<h1>白鹭</h1>
					<p>潮汕舞台灯光音响，摇滚男歌手，潮汕小品，</p>
					<p>二人转</p>
				</div>
			</div>
			<!---->
			<div class="essay-juti">
				<div class="essay-juti1">
					<span>
						<img src="../img/activity/essay/essay2.png"/>
						发布时间
						<b>2016.02.18 00:15</b>
					</span>
				</div>
				<div class="essay-juti1">
					<span>
						<img src="../img/activity/essay/essay3.png"/>
						活动时间
						<b>2016.02.18-2016.03.03</b>
					</span>
				</div>
				<div class="essay-juti1">
					<span>
						<img src="../img/activity/can-phone/can-phone-ding.png"/>
						招募地点
						<b>潮州市</b>
					</span>
				</div>
			</div>
			<!---->
			<div class="essay-wudao clearfix">
				<div class="essay-juti1">
					<span>
						<img src="../img/activity/essay/essay4.png"/>
						招募类型
						<b>舞蹈</b>
					</span>
				</div>
				<div class="essay-wudao1">
					<span>标签<b>钢管舞</b></span>
				</div>
				<div class="essay-wudao1">
					<span>性别<b>不限</b></span>
				</div>
				<div class="essay-wudao1">
					<span>人数<b>3</b></span>
				</div>
				<div class="essay-wudao1">
					<span>价格<b>自报价</b></span>
				</div>
				<div class="essay-wudao2">
					<span>活动简介</span>
				</div>
			</div>
			<div class="essay-chao">
				<p>潮汕小品</p>
			</div>
			<!---->
			<div class="essay-photo">
				<span>活动照片</span>
			</div>
			<div class="essay-photo2">
				<img src="../img/activity/essay/essay5.jpg"/>
			</div>
			<style type="text/css">
			  .essay-photo2 img:hover{
			  	animation: la 1s ease 1;
			  }
				@keyframes la{
					0%{transform:scaleX(0),rotate(45deg)}
					100%{transform:scaleX(100),rotate(0deg)}
				}
			</style>
		</section>
		<footer>
			<a href="recruit.html"><div class="essay-footer">
			<p>查看报名方式</p>
			</div>
			</a>
		</footer>
		<script type="text/javascript">
			document.body.style.height = window.innerHeight + "px";
		</script>
	</body>
</html>
